<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>内容管理系统</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="../dist/css/font-awesome.min.css">
  <link rel="stylesheet" href="../dist/css/ionicons.min.css">
  <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
  <!-- 自定义样式 -->
  <link rel="stylesheet" href="../css/admin.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <!-- 头部信息 -->
  <header class="main-header"></header>
  <!--  左侧导航 -->
  <aside class="main-sidebar"></aside>

  <!-- 内容区域 -->
  <div class="content-wrapper">
    <!-- 内容标题 -->
    <section class="content-header">
        <h1>
            <small>素材管理</small>/添加图片
        </h1>
        <ol class="breadcrumb display-none">
            <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="#">生成</a></li>
            <li class="active">添加</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content pd-top0">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <div class="box">
                    <div class="box-body solist">
                        <div class="detail-page-sy">
                            <form class="form-horizontal">
                                <div class="detail-page-border">
                                    <!-- <div class="detail_title">
                                        商品信息
                                    </div> -->
                                    <div class="detail_con">
                                        <div class="form-group hd_title">
                                            <label class="col-sm-2 control-label">图片名称</label>
                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" placeholder="请输入图片名称">
                                            </div>
                                        </div>
                                        <div class="form-group hd_title">
                                            <label class="col-sm-2 control-label">上传图片</label>
                                            <div class="col-sm-4">
                                                <div class="cover-area" style="padding: 5px 0px;">
                                                    <div class="oh z cover-hd">
                                                       <iframe src="" class="uploadfile" style="filter:alpha(opacity = 0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;top:5px;left:15px;cursor: pointer;width:123px;height:36px;" id="imgUpload"></iframe> <a href="javascript:;" class="btn btn-default btn-big">+上传图片</a>
                                                    </div>
                                                    <p class="cover-bd" id="imgArea" style="display: none;">
                                                        <img id="picurl" src="" width="150" height="70"><a id="delImg" class="vb cover-del" href="javascript:;" click="delImg" lang>删除</a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="box-footer align-center">
                                        <input class="btn btn-primary btn-big bg-pink" type="button" value="确定">
                                        <a href="" class="btn btn-default btn-big"  onclick="history.go(-1);">取消</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!--/.col (left) -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
</div>
<!-- ./wrapper -->

<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../dist/js/app.min.js"></script>
<!-- <script src="../dist/js/demo.js"></script> -->

<script type="text/javascript">
    var pageMenu = {"active": [2]};
    $(function() {
        
        //删除图片
        $("#delImg").on("click",function(){
            $('.oh').show();
            $('#imgArea').hide();
        });
    })

    //图片上传
    function updataImg(url){
        $('#imgArea').show();
        $('#picurl').attr('src',url);
    } 
  
</script>
<script src="../js/vendors.js" type="text/javascript"></script>
<script src="../js/index.js" type="text/javascript"></script>

</body>
</html>
